<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>手机注册页</title>
</head>
<body class="bgbody">
    <!-- 密码登录 -->
    <a href="./login.html" id="login_reg">手机登录</a>
    <!-- 注册面板 -->
    <div class="panel">
        <h1 class="title">手机注册</h1>
        <p class="txt mt8">快速找到好友,一站式记录你的运动</p>
        <form action="#" class="mt30">
            <p><input class="based-inp mt20 pl8" id="phoneInp" type="text" placeholder="+86 ▼ 输入手机号码"></p>
            <p class="dpflex mt20">
                <input class="based-inp pl8 mr10 flex1" id="captchaInp" type="text" placeholder="请输入验证码">
                <!-- 验证码 -->
                <canvas width="90" height="50" id="captcha1"></canvas>
            </p>
            <p><input class="based-inp mt20 pl8" id="passwordInp" type="password" placeholder="请输入密码"></p>
            <p><input class="based-inp mt20 pl8" id="passwordAgainInp" type="password" placeholder="请再次确认密码"></p>
            <p><input class="based-inp mt20 pl8 login_regbtn" id="login_regbtnInp" type="button" value="注册账号"></p>
            <p id="tips" class="tips mt30"></p>
        </form>
    </div>
    <!-- 微信注册 -->
    <a href="./wechatregister.html" class="iconfont icon-weixintubiao wechatreg"> 微信注册</a>
    <p class="holdon">-HOLD ON-</p>

    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
</body>
</html>